<?php $this->load->view('base/header'); ?>

<link rel="stylesheet" media="screen" href="<?php echo base_url().'css/jquery-ui-1.8.14.custom.css'?>"/>
<link rel="stylesheet" media="screen" href="<?php echo base_url().'css/table.css'?>"/>
<style>
    .ui-datepicker-calendar {
    display: none;
    }

</style>
<script type="text/javascript" src="<?php echo base_url().'js/jquery-ui-1.8.14.custom.min.js'?>"></script>
<script type="text/javascript" src="<?php echo base_url().'js/br-05/distribusi.js'?>"></script>

<section>
    <div class="container_8 clearfix">

        <!-- Main Section -->

        <section class="main-section grid_8">
            <!-- Tabs Section -->
            <div class="main-content">
                <header>
                    <ul class="action-buttons clearfix fr">

                    </ul>
                    <h2>Distribusi SHU</h2>
                </header>
                <section class="container_6 clearfix">
                    <div class="grid_6">

                        <section class="clearfix">
                            <form class="form" id="FORM_DISTRIBUSI" method="post">
                                <div style="float: left;">
                                    <div class="clearfix">
                                        <label>Untuk Tahun <small>yyyy</small></label>
                                        <input class="date-picker" name="BULAN_DISTRIBUSI" id="BULAN_DISTRIBUSI"/>
                                    </div>
                                </div>
                                <div style="float: right; margin-right: 10px;">
                                    <div class="clearfix">
                                        <label>Jumlah SHU <small>Rp</small></label>
                                        <input type="text" name="JUMLAH_SHU" id="JUMLAH_SHU" readonly value="11111111111"/>
                                    </div>
                                </div>

                                <div style="clear: both; margin-bottom: 20px;"></div>
                                <table id="SKEMA_POTONGAN" class="detail_table" style="width: 50%">
                                    <thead>
                                        <tr>
                                            <th>No</th>
                                            <th>Uraian</th>
                                            <th style="text-align: center;">Prosentase</th>
                                            <th>Rupiah</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>1</td>
                                            <td>Jasa Usaha Anggota</td>
                                            <td style="text-align: center;"><input type="text" style="display: inline; width: 30px; margin: 0 0 0 0; float: none;" maxlength="4" size="4" value="0" name="JASA_USAHA" id="JASA_USAHA"/></td>
                                            <td style="text-align: right;"><em id="R_JASA_USAHA">0</em></td>
                                        </tr>
                                        <tr>
                                            <td>2</td>
                                            <td>Jasa Simpanan Anggota</td>
                                            <td style="text-align: center;"><input type="text" style="display: inline; width: 30px; margin: 0 0 0 0; float: none;" maxlength="4" size="4" value="0" name="JASA_SIMPANAN" id="JASA_SIMPANAN"/></td>
                                            <td style="text-align: right;"><em id="R_JASA_SIMPANAN">0</em></td>
                                        </tr>
                                        <tr>
                                            <td>3</td>
                                            <td>Dana Pengurus</td>
                                            <td style="text-align: center;"><input type="text" style="display: inline; width: 30px; margin: 0 0 0 0; float: none;" maxlength="4" size="4" value="0" name="DANA_PENGURUS" id="DANA_PENGURUS"/></td>
                                            <td style="text-align: right;"><em id="R_DANA_PENGURUS">0</em></td>
                                        </tr>
                                        <tr>
                                            <td>4</td>
                                            <td>Dana Kesejahteraan Anggota</td>
                                            <td style="text-align: center;"><input type="text" style="display: inline; width: 30px; margin: 0 0 0 0; float: none;" maxlength="4" size="4" value="0" name="DANA_KESEJAHTERAAN" id="DANA_KESEJAHTERAAN"/></td>
                                            <td style="text-align: right;"><em id="R_DANA_KESEJAHTERAAN">0</em></td>
                                        </tr>
                                        <tr>
                                            <td>5</td>
                                            <td>Cadangan Modal</td>
                                            <td style="text-align: center;"><input type="text" style="display: inline; width: 30px; margin: 0 0 0 0; float: none;" maxlength="4" size="4" value="0" name="CADANGAN_MODAL" id="CADANGAN_MODAL"/></td>
                                            <td style="text-align: right;"><em id="R_CADANGAN_MODAL">0</em></td>
                                        </tr>
                                        <tr>
                                            <td>6</td>
                                            <td>Dana Sosial</td>
                                            <td style="text-align: center;"><input type="text" style="display: inline; width: 30px; margin: 0 0 0 0; float: none;" maxlength="4" size="4" value="0" name="DANA_SOSIAL" id="DANA_SOSIAL"/></td>
                                            <td style="text-align: right;"><em id="R_DANA_SOSIAL">0</em></td>
                                        </tr>
                                        <tr>
                                            <td>7</td>
                                            <td>Dana Pegembangan Daerah</td>
                                            <td style="text-align: center;"><input type="text" style="display: inline; width: 30px; margin: 0 0 0 0; float: none;" maxlength="4" size="4" value="0" name="DANA_PENGEMBANGAN" id="DANA_PENGEMBANGAN"/></td>
                                            <td style="text-align: right;"><em id="R_DANA_PENGEMBANGAN">0</em></td>
                                        </tr>
                                        <tr>
                                            <td>8</td>
                                            <td>Dana Pendidikan</td>
                                            <td style="text-align: center;"><input type="text" style="display: inline; width: 30px; margin: 0 0 0 0; float: none;" maxlength="4" size="4" value="0" name="DANA_PENDIDIKAN" id="DANA_PENDIDIKAN"/></td>
                                            <td style="text-align: right;"><em id="R_DANA_PENDIDIKAN">0</em></td>
                                        </tr>
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <th colspan="2">Total</th>
                                            <th style="text-align: center;"><em id="TOTAL">0</em> %</th>
                                            <th style="text-align: right;"><em id="R_TOTAL">0</em></th>
                                        </tr>
                                    </tfoot>
                                </table>
                                <br/>
                                <br/>

                                <!--<div class="clearfix">
                                    <label>Angsuran 1<em>*</em><small></small></label>
                                    <input type="text" name="angsuran" required="required" maxlength="12" />
                                </div>-->

                                <div class="action clearfix">
                                    <button class="button button-gray" type="submit" id="ADD"><span class="accept"></span>Simpan</button>
                                    <button class="button button-gray" type="reset"><span class="bin"></span>Batalkan</button>
                                </div>
                            </form>
                        </section>
                    </div>
                </section>
            </div>
            <!-- End Tabs Section -->


            <!-- Main Section End -->

    </div>
</section>
</div>

<!-- simple dialog -->
<div class="widget modal" id="simpledialog">
    <header><h2>This is a simple modal dialog</h2></header>
    <section>
        <p>
            Are you sure you want to do this?
        </p>

        <!-- yes/no buttons -->
        <p>
            <button class="button button-blue close">Yes</button>
            <button class="button button-gray close">No</button>
        </p>
    </section>
</div>
<!-- end simple dialog -->

<div id="anggota_dialog">
    <table id="anggota_table" width="100%" class="datatable">
        <thead>
        </thead>
        <tbody>
        </tbody>
    </table>
</div>


<script>
    $(function () {
        /**
         * Modal Dialog Boxes Setup
         */

        var triggers = $(".modalInput").overlay({

            // some mask tweaks suitable for modal dialogs
            mask: {
                color: '#000',
                loadSpeed: 200,
                opacity: 0.5
            },

            closeOnClick: false
        });

        /* Simple Modal Box */
        var buttons1 = $("#simpledialog button").click(function(e) {

            // get user input
            var yes = buttons1.index(this) === 0;

            if (yes) {
                // do the processing here
            }
        });

    });
</script>
<?php $this->load->view('base/footer'); ?>
